$width: 750;
@function pxW($px){
    @return $px / $width * 100vw
}

@mixin plus-btn {
    position: fixed;
    right: pxW(72);
    bottom: pxW(72);
    font-size: pxW(72);
    color: rgb(36, 156, 144);
}

.deletable-item-leave-active,
.deletable-item-enter-active {
  transition: all 1s;
}
.deletable-item-leave-to,
.deletable-item-enter-from {
  transform: translateX(-100%);
  opacity: 0;
}

.data-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  .data {
    margin-top: pxW(50);
    font-size: pxW(40);
    width: 90vw;
    height: pxW(100);
    line-height: pxW(100);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 0 pxW(50);
    position: relative;
    .label {
      font-size: pxW(20);
    }
    .del-btn {
      position: absolute;
      font-size: pxW(40);
      right: 0;
      top: 0;
      color: red;
      transform: translate3d(50%, -50%, 0);
    }
  }
}